<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="app" uri="http://www.wanrenhui.com"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="/res/include/base-head.jsp"%>
<%@include file="/res/include/jquery-easyui.jsp"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/res/js/homemaking/homemakingBase.js"></script>
<style>
*{margin:0; padding:0;}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
</style>
</head>
<body>
	<div class="shop_detail">
	<div class="info">
    	<h2>服务技能</h2>
        <dl>
        	<dt>用户昵称：</dt>
            <dd>${homemakingBaseVo.nick}</dd>
        </dl>
        <dl>
        	<dt>服务技能：</dt>
            <dd>${homemakingBaseVo.name}</dd>
        </dl>
        <dl>
        	<dt>类别：</dt>
            <dd>${homemakingBaseVo.typeStr}</dd>
        </dl>
        <dl>
        	<dt>服务社区：</dt>
            <dd>${homemakingBaseVo.communityName}</dd>
        </dl>
        <dl>
        	<dt>接单状态：</dt>
            <dd>${homemakingBaseVo.statusStr}</dd>
        </dl>
        <dl>
        	<dt>预约人数：</dt>
            <dd>${homemakingBaseVo.orderedCount}</dd>
        </dl>
        <dl>
        	<dt>是否显示：</dt>
            <dd>${homemakingBaseVo.isShowStr}</dd>
        </dl>
   </div>
   <div class="info2">
   		<dl>
        	<dt>技能证书：</dt>
        	<dd>
				<c:forTokens items="${homemakingBaseVo.img}" delims=";" var="rImg" varStatus="status"> 
        			<img src="http://file.xfquanquan.com${rImg}" alt="" height="200" width="200" />
        		</c:forTokens>
        	</dd>
        </dl>
    </div>
    <div class="info2">
    	<dl>
			<dt>服务内容：</dt>
			<dd>
				<table class="gridtable" style="width: 50%;">
	                <thead>
	                <tr>
	                    <th>内容</th>
	                    <th>单位</th>
	                    <th>价格</th>
	                </tr>
	                </thead>
	                <tbody>
	                <c:forEach var="itemVo" items="${homemakingBaseVo.homemakingItemVo}">
	                    <tr>
	                        <td>${itemVo.pubitemVo.name }</td>
	                        <td>${itemVo.pubitemVo.unit}</td>
	                        <td>${itemVo.price}</td>
	                    </tr>
	                </c:forEach>
	                </tbody>
	            </table>
			</dd>
		</dl>
    </div>    
</div>
</body>
</html>
